                <!-- Best Reviews -->
                <section id="divCatReviews_1" class="cat-widget wdg-cat-reviews cat-scroll-box clearfix" data-showonscroll="true" data-animation="fadeIn">

                    <div class="widget-title">
                        <h3><a href="#">Reviews</a></h3>
                        <span class="sub-title">ยอดนิยม</span>

                        <div class="sep-widget"></div>
                    </div>

                    <div class="widget-content color-theme">
                        <div>
                            <ul class="nav-arrows list-inline">
                                <li><a href="#" class="backward"><i class="icon-arrow-left6"></i></a></li>
                                <li><a href="#" class="forward"><i class="icon-arrow-right6"></i></a></li>
                            </ul>

                            <div class="scroll-box">

                                <div class="post-item">
                                    <article class="post-box clearfix">

                                        <a class="post-thumbnail">
                                            <img src="" data-src="holder.js/314x210/sky" /></a>

                                        <div class="top-bar">
                                            <div class="review-value">
                                                <span class="value">71.8%</span>
                                                <span class="grade">Very Good</span>

                                                <div class="rating">
                                                    <div class="stars retina x-1">
                                                        <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                        <div class="fill" style="width: 71.8%">
                                                            <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>

                                            <span class="btn-srp"><a href="#">อ่านต่อ...</a></span>
                                        </div>

                                        <header class="title-bar">
                                            <h4 class="post-title"><a href="#">ร้านหมอมูดง</a></h4>

                                            <div class="meta-info">
                                                <span class="author"><i class="icon-user3"></i><a href="#">Conan</a></span>
                                                <span class="date-time"><i class="icon-alarm2"></i>26 Feb 2013, 05:15 AM</span>
                                            </div>

                                        </header>

                                    </article>
                                </div>

                                <div class="post-item">
                                    <article class="post-box clearfix">

                                        <a class="post-thumbnail">
                                            <img src="" data-src="holder.js/314x210/sky" /></a>

                                        <div class="top-bar">
                                            <div class="review-value">
                                                <span class="value">99%</span>
                                                <span class="grade">Excellent</span>

                                                <div class="rating">
                                                    <div class="stars retina x-1">
                                                        <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                        <div class="fill" style="width: 99%">
                                                            <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>

                                            <span class="btn-srp"><a href="#">อ่านต่อ...</a></span>
                                        </div>

                                        <header class="title-bar">
                                            <h4 class="post-title"><a href="#">ร้านหมี่ต้นโพธิ์</a></h4>

                                            <div class="meta-info">
                                                <span class="author"><i class="icon-user3"></i><a href="#">The Rock</a></span>
                                                <span class="date-time"><i class="icon-alarm2"></i>26 Feb 2013, 05:15 AM</span>
                                            </div>

                                        </header>

                                    </article>
                                </div>

                                <div class="post-item">
                                    <article class="post-box clearfix">

                                        <a class="post-thumbnail">
                                            <img src="" data-src="holder.js/314x210/sky" /></a>

                                        <div class="top-bar">
                                            <div class="review-value">
                                                <span class="value">80%</span>
                                                <span class="grade">Very Good</span>

                                                <div class="rating">
                                                    <div class="stars retina x-1">
                                                        <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                        <div class="fill" style="width: 80%">
                                                            <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>

                                            <span class="btn-srp"><a href="#">อ่านต่อ...</a></span>
                                        </div>

                                        <header class="title-bar">
                                            <h4 class="post-title"><a href="#">แหลมหินซีฟู๊ด</a></h4>

                                            <div class="meta-info">
                                                <span class="author"><i class="icon-user3"></i><a href="#">neymar</a></span>
                                                <span class="date-time"><i class="icon-alarm2"></i>2 Feb 2013, 00:00 AM</span>
                                            </div>

                                        </header>

                                    </article>
                                </div>

                                <div class="post-item">
                                    <article class="post-box clearfix">

                                        <a class="post-thumbnail">
                                            <img src="" data-src="holder.js/314x210/sky" /></a>

                                        <div class="top-bar">
                                            <div class="review-value">
                                                <span class="value">50%</span>
                                                <span class="grade">Fair</span>

                                                <div class="rating">
                                                    <div class="stars retina x-1">
                                                        <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                        <div class="fill" style="width: 50%">
                                                            <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>

                                            <span class="btn-srp"><a href="#">อ่านต่อ...</a></span>
                                        </div>

                                        <header class="title-bar">
                                            <h4 class="post-title"><a href="#">ริมทางเฉาก๊วย</a></h4>

                                            <div class="meta-info">
                                                <span class="author"><i class="icon-user3"></i><a href="#">Robinho</a></span>
                                                <span class="date-time"><i class="icon-alarm2"></i>26 Feb 2013, 05:00 AM</span>
                                            </div>

                                        </header>

                                    </article>
                                </div>

                            </div>
                        </div>
                    </div>
                </section>

                <!-- Vertical Category -->
                <div class="row wdg-cat-vert-container">

                    <section class="cat-widget wdg-cat-vert cat-vert-left clearfix col-md-6 col-sm-6 col-xs-12">

                        <div class="widget-title">
                            <h3><a href="#">Video</a></h3>
                            <span class="sub-title">ร้านอาหาร</span>

                            <div class="sep-widget"></div>
                        </div>

                        <div class="widget-content color-theme clearfix">
                            <div>

                                <div class="related-posts">
                                    <div class="posts clearfix">

                                        <div class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                            <article class="post-box clearfix">

                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-camera2"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 10%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <header class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">ร้านอาหาร</a></span>

                                                    <h5><a href="#" title="">.................................................</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Owen</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </header>
                                            </article>
                                        </div>

                                        <div class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                            <article class="post-box clearfix">

                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-music"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 100%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <header class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">ร้านอาหาร</a></span>

                                                    <h5><a href="#" title="">...........................................</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Oconner</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </header>
                                            </article>
                                        </div>

                                        <div class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                            <article class="post-box clearfix">

                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-camera"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 50%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <header class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">ร้านอาหาร</a></span>

                                                    <h5><a href="#" title="">???????????????????????????????????????????????</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Roman</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </header>
                                            </article>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="cat-widget wdg-cat-vert cat-vert-right clearfix col-md-6 col-sm-6 col-xs-12">

                        <div class="widget-title">
                            <h3><a href="#">Video</a></h3>
                            <span class="sub-title">สถานที่ท่องเที่ยว</span>

                            <div class="sep-widget"></div>
                        </div>

                        <div class="widget-content color-theme clearfix">
                            <div>

                                <div class="related-posts">
                                    <div class="posts clearfix">

                                        <div class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                            <article class="post-box clearfix">

                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-location"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 20%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <header class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">สถานที่ท่องเที่ยว</a></span>

                                                    <h5><a href="#" title="">.....................................</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Iron man</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </header>
                                            </article>
                                        </div>

                                        <div class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                            <article class="post-box clearfix">

                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-camera2"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 20%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <header class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">สถานที่ท่องเที่ยว</a></span>

                                                    <h5><a href="#" title="">+++++++++++++++++++++++++++++++++++++++++++++</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">The Fast8</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </header>
                                            </article>
                                        </div>

                                        <div class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                            <article class="post-box clearfix">

                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-type anim"><i class="icon-camera2"></i></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                    </div>

                                                    <div class="rating">
                                                        <div class="stars retina x-1">
                                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                            <div class="fill" style="width: 60%">
                                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <header class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">สถานที่ท่องเที่ยว</a></span>

                                                    <h5><a href="#" title="">!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</a></h5>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Arrow</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </header>
                                            </article>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                </div>

                <!-- Horizontal Category (1 Column) -->
                <section class="cat-widget wdg-cat-horiz-1col-sm clearfix">

                    <div class="widget-title">
                        <h3><a href="#">News</a></h3>
                        <span class="sub-title">ข่าวใหม่</span>

                        <div class="sep-widget"></div>
                    </div>

                    <div class="widget-content color-theme clearfix">
                        <div>

                            <article class="first-post" data-showonscroll="true" data-animation="fadeIn">

                                <a class="post-thumbnail">
                                    <img src="" data-src="holder.js/323x230/sky" /></a>

                                <div class="top-bar">
                                    <span class="likes"><a href="#"><i class="icon-heart"></i>15</a></span>

                                    <span class="comments"><i class="icon-bubble"></i>10</span>
                                    <span class="views"><i class="icon-tv"></i>2000</span>

                                    <span class="btn-srp"><a href="pg-category.html">MH370</a></span>
                                </div>

                                <header class="title-bar" style="margin-bottom:-25px;">
                                    <h4 class="post-title"><a href="#">การหายสาบสูญของเครื่องบิน MH370</a></h4>

                                    <div class="meta-info">
                                        <span class="author"><i class="icon-user3"></i><a href="#">RockStar</a></span>
                                        <span class="date-time"><i class="icon-alarm2"></i>26 Feb 2013, 05:15 AM</span>
                                    </div>

                                </header>

                                <!--<div class="bottom-bar">
                                    <span class="btn-srp"><a href="#">อ่านต่อ...</a></span>

                                    <div class="rating">
                                        <div class="stars retina x-2">
                                            <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                            <div class="fill" style="width: 90%">
                                                <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                            </div>
                                        </div>
                                    </div>

                                </div>-->
                            </article>

                            <div class="related-posts">
                                <div class="posts clearfix">

                                    <div class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                        <article class="post-box clearfix">
                                            <figure class="wdg-col-4 sec-image">

                                                <div class="mask-background white"></div>

                                                <div class="post-type anim"><i class="icon-location"></i></div>

                                                <div class="post-thumbnail border-radius-2px">
                                                    <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                </div>

                                                <!--<div class="rating">
                                                    <div class="stars retina x-1">
                                                        <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                        <div class="fill" style="width: 70%">
                                                            <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                        </div>
                                                    </div>
                                                </div>-->

                                                <a href="#" class="more"></a>
                                            </figure>

                                            <header class="wdg-col-8 sec-title">

                                                <span class="btn-srp"><a href="pg-category.html">เกมส์สุดฮิต</a></span>

                                                <h5><a href="#" title="">เกมมมมมมมมมมมมมมมมมมมมมมมมม</a></h5>

                                                <div class="meta-info">

                                                    <span class="author"><i class="icon-user3"></i><a href="#">Dota2</a></span>
                                                    <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                </div>

                                            </header>
                                        </article>
                                    </div>

                                    <div class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                        <article class="post-box clearfix">
                                            <figure class="wdg-col-4 sec-image">

                                                <div class="mask-background white"></div>

                                                <div class="post-type anim"><i class="icon-camera2"></i></div>

                                                <div class="post-thumbnail border-radius-2px">
                                                    <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                </div>

                                                <a href="#" class="more"></a>
                                            </figure>

                                            <header class="wdg-col-8 sec-title">

                                                <span class="btn-srp"><a href="pg-category.html">ละคร</a></span>

                                                <h5><a href="#" title="">.............................................</a></h5>

                                                <div class="meta-info">

                                                    <span class="author"><i class="icon-user3"></i><a href="#">Limbizkit</a></span>
                                                    <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                </div>

                                            </header>
                                        </article>
                                    </div>

                                    <div class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                        <article class="post-box clearfix">
                                            <figure class="wdg-col-4 sec-image">

                                                <div class="mask-background white"></div>

                                                <div class="post-type anim"><i class="icon-music"></i></div>

                                                <div class="post-thumbnail border-radius-2px">
                                                    <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                </div>

                                                <a href="#" class="more"></a>
                                            </figure>

                                            <header class="wdg-col-8 sec-title">

                                                <span class="btn-srp"><a href="pg-category.html">พรีเมียร์ลีก</a></span>

                                                <h5><a href="#" title="">Whatttttttt!!!!!</a></h5>

                                                <div class="meta-info">

                                                    <span class="author"><i class="icon-user3"></i><a href="#">Simpleplan</a></span>
                                                    <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                </div>

                                            </header>
                                        </article>
                                    </div>

                                    <div class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                        <article class="post-box clearfix">
                                            <figure class="wdg-col-4 sec-image">

                                                <div class="mask-background white"></div>

                                                <div class="post-type anim"><i class="icon-camera"></i></div>

                                                <div class="post-thumbnail border-radius-2px">
                                                    <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" />
                                                </div>

                                                <a href="#" class="more"></a>
                                            </figure>

                                            <header class="wdg-col-8 sec-title">

                                                <span class="btn-srp"><a href="pg-category.html">Computer</a></span>

                                                <h5><a href="#" title="">???????????????????????????????????</a></h5>

                                                <div class="meta-info">

                                                    <span class="author"><i class="icon-user3"></i><a href="#">System of a down</a></span>
                                                    <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                </div>

                                            </header>
                                        </article>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </section>